<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>机构管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript">
		$(document).ready(function() {
			$("#name").focus();
            ifprimaryPerson(document.getElementById("type"));
			$("#inputForm").validate({
				submitHandler: function(form){
					loading('正在提交，请稍等...');
					form.submit();
				},
				errorContainer: "#messageBox",
				errorPlacement: function(error, element) {
					$("#messageBox").text("输入有误，请先更正。");
					if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
						error.appendTo(element.parent().parent());
					} else {
						error.insertAfter(element);
					}
				}
			});
		});
        function ifprimaryPerson(obj){
            if(obj.value==3){
                $("#labelprimaryPerson").text("维保组长:");
            }else{
                $("#labelprimaryPerson").text("负责人:");
            }
        }
	</script>
</head>
<body>
	<ul class="nav nav-tabs">
		<li><a href="${ctx}/sys/office/list?id=${office.parent.id}&parentIds=${office.parentIds}">机构列表</a></li>
		<li class="active"><a href="${ctx}/sys/office/form?id=${office.id}&parent.id=${office.parent.id}">机构<shiro:hasPermission name="sys:office:edit">${not empty office.id?'修改':'添加'}</shiro:hasPermission><shiro:lacksPermission name="sys:office:edit">查看</shiro:lacksPermission></a></li>
	</ul><br/>
	<form:form id="inputForm" modelAttribute="office" action="${ctx}/sys/office/save" method="post" class="form-horizontal">
		<form:hidden path="id"/>
		<sys:message content="${message}"/>
    <div class="container-fluid">
		<div class="row form-group">
                <label class="control-label col-xs-1">上级机构:</label> 
                    <sys:treeselect id="office" name="parent.id" value="${office.parent.id}" labelName="parent.name" labelValue="${office.parent.name}"
                                    title="机构" url="/sys/office/treeData" extId="${office.id}" cssClass="form-control input-sm input-xlarge" allowClear="${office.currentUser.admin}"/>
		</div>
		<div class="row form-group">
                <label class="control-label col-xs-1">归属区域:</label>
                    <sys:treeselect id="area" name="area.id" value="${office.area.id}" labelName="area.name" labelValue="${office.area.name}"
                        title="区域" url="/sys/area/treeData" cssClass="form-control input-sm input-xlarge required"/>
		</div>
		<div class="row form-group">
			<label class="control-label col-xs-1">机构名称:</label>
			<div class="col-xs-3">
				<form:input path="name" htmlEscape="false" maxlength="50" class="form-control input-sm input-xlarge required"/>
				<span class="help-inline"><font color="red">*</font> </span>
			</div>
		</div>
    <div class="row form-group">
			<label class="control-label col-xs-1">机构编码:</label>
			<div class="col-xs-3">
				<form:input path="code" htmlEscape="false" maxlength="50" class="form-control input-sm input-xlarge"/>
			</div>
    </div>
    <div class="row form-group">
			<label class="control-label col-xs-1">机构类型:</label>
			<div class="col-xs-3">
				<form:select path="type" class="form-control input-sm input-xlarge" onchange="ifprimaryPerson(this)">
					<form:options items="${fns:getDictList('sys_office_type')}" itemLabel="label" itemValue="value" htmlEscape="false" />
				</form:select>
			</div>
    </div>
    <div class="row form-group">
			<label class="control-label col-xs-1">机构级别:</label>
			<div class="col-xs-3">
				<form:select path="grade" class="form-control input-sm input-xlarge">
					<form:options items="${fns:getDictList('sys_office_grade')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
				</form:select>
			</div>
    </div>
    <div class="row form-group">
			<label class="control-label col-xs-1">是否可用:</label>
			<div class="col-xs-4">
				<form:select path="useable" >
					<form:options items="${fns:getDictList('yes_no')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
				</form:select>
				<span class="help-inline">“是”代表此账号允许登陆，“否”则表示此账号不允许登陆</span>
			</div>
    </div>
    <div class="row form-group">
			<label id="labelprimaryPerson" class="control-label col-xs-1">负责人:</label>
				 <sys:treeselect id="primaryPerson" name="primaryPerson.id" value="${office.primaryPerson.id}" labelName="office.primaryPerson.name" labelValue="${office.primaryPerson.name}"
					title="用户" url="/sys/office/treeData?type=3" allowClear="true" cssClass="form-control input-sm input-xlarge" notAllowSelectParent="true"/>
    </div>
    <div class="row form-group">
        <div class="form-group">
			<label class="control-label col-xs-1">主管领导:</label>
				 <sys:treeselect id="deputyPerson" name="deputyPerson.id" value="${office.deputyPerson.id}" labelName="office.deputyPerson.name" labelValue="${office.deputyPerson.name}"
					title="用户" url="/sys/office/treeData?type=3" allowClear="true" cssClass="form-control input-sm input-xlarge" notAllowSelectParent="true"/>
        </div>
    </div>
    <div class="row form-group">
			<label class="control-label col-xs-1">联系地址:</label>
			<div class="col-xs-3">
				<form:input path="address" htmlEscape="false" maxlength="50" class="form-control input-sm input-xlarge"/>
			</div>
    </div>
    <div class="row form-group">
			<label class="control-label col-xs-1">邮政编码:</label>
			<div class="col-xs-3">
				<form:input path="zipCode" htmlEscape="false" maxlength="50" class="form-control input-sm input-xlarge"/>
			</div>
    </div>
    <div class="row form-group">
        <label class="control-label col-xs-1">电话:</label>
        <div class="col-xs-3">
            <form:input path="phone" htmlEscape="false" maxlength="50" class="form-control input-sm input-xlarge"/>
        </div>
    </div>
    <div class="row form-group">
        <label class="control-label col-xs-1">传真:</label>
        <div class="col-xs-3">
            <form:input path="fax" htmlEscape="false" maxlength="50" class="form-control input-sm input-xlarge"/>
        </div>
    </div>
    <div class="row form-group">
        <label class="control-label col-xs-1">邮箱:</label>
        <div class="col-xs-3">
            <form:input path="email" htmlEscape="false" maxlength="50" class="form-control input-sm input-xlarge email"/>
        </div>
    </div>
    <div class="row form-group">
			<label class="control-label col-xs-1">备注:</label>
			<div class="col-xs-3">
				<form:textarea path="remarks" htmlEscape="false" rows="3" maxlength="200" class="form-control input-sm input-xxlarge"/>
			</div>
    </div>
    <!--
	<c:if test="${empty office.id}">
    <div class="row form-group">
        <div class="form-group">
				<label class="control-label col-xs-1">快速添加下级部门:</label>
				<div class="col-xs-3">
					<form:checkboxes path="childDeptList" items="${fns:getDictList('sys_office_common')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
				</div>
			</div>
        </div>
		</c:if>
		-->
        <div class="row form-group">  
            <div class="col-xs-offset-1">
                <shiro:hasPermission name="sys:office:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission>
                <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
            </div> 
        </div>
    </div>
	</form:form>
</body>
</html>